<template>
  <div class="categories">
    <div class="title">
        <span>文物管理 | 文物分类</span>
    </div>
    <div class="routeritem"><router-link 
      v-for="(routeritem,index) in routerlist"
      :key="index"
      :to="routeritem.path"
      >{{routeritem.name}}</router-link>
    </div>

    <div class="routerView">
    <router-view></router-view>
  </div>
  </div>
</template>
<script>
export default {
  name: "categories",
  components: {
  },
  data(){
    return {
      routerlist:[
          {
            name:'文物分类',
            path:'/AdminHome/AdminRelic/categories/grouptypePage',
          },{
            name:'文物年代',
            path:'/AdminHome/AdminRelic/categories/decadetypePage',
          },{
            name:'文物地区',
            path:'/AdminHome/AdminRelic/categories/localtypePage',
          }
        ]
    }
  },
  methods:{
    
  }
};
</script>

<style scoped lang="less">
.categories{
  min-height:100vh;
}
.title{
  height:50px;
  line-height: 50px;
  color:#666666;
  margin-bottom: 20px;
  font-size: 18px;
  padding-left:10px;
}
.routeritem {
  height:50px;
  display: flex;
}
a{
  color:#8C8C8C;
 line-height:50px;
 display: block;
 border-radius: 5px;
 border:1px solid #bdbdbd;
 width: 250px;
 font-size: 14px;
 text-align: center;
 text-decoration: none; 
 font-weight: bold;
}
.router-link-active{
  position:relative;
  color:#5c5c5c;
  background:#cac9c9;
  display: block;
}

</style>